/**
 * 主题封面
 * @param {Object} props 
 * @returns 组件
 */
 window.CoverFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'simple-cover-frame')},
        React.createElement('div', {className: 'title'},
            props.title || "这是标题"
        ),
        React.createElement("div", {className: 'vice-title'}, 
            props.viceTitle || "这是副标题"
        ),
        React.createElement("div", {className: 'center-title'}, 
            props.centerTitle || (React.createElement('div', {}, "小节1:", React.createElement("br"), "小节标题"))
        ),
        React.createElement('div', {className: 'abstract-images'}, 
            (props.images || []).map((item, index) => React.createElement('img', {'src': item, key: index})) 
        ),
        React.createElement('div', {className: 'link'},
            props.link || 'www.baidu.com'
        )
    );
}


/** 内容页 */
window.ContentFrame =  (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'simple-content-frame')},
        React.createElement('div', {className: 'title'},
            props.title || '页面标题'
        ),
        React.createElement('div', {className: 'content'},
            props.children
        ),
        React.createElement('div', {className: 'footer'},
            React.createElement('div', {className: 'footer-left'}, Context.getAttribute('leftFooter') || '左标题'),
            React.createElement('div', {className: 'footer-center'}, Context.getAttribute('frameCount') + 1),
            React.createElement('div', {className: 'footer-right'}, Context.getAttribute('rightFooter') || '右标题'),
        )
    );
}

/** 子内容页面 */
window.SubContentFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'simple-content-frame')},
        React.createElement('div', {className: 'sub-title'},
            props.title || '页面标题'
        ),
        React.createElement('div', {className: 'content'},
            props.children
        ),
        React.createElement('div', {className: 'footer'},
            React.createElement('div', {className: 'footer-left'}, Context.getAttribute('leftFooter') || '左标题'),
            React.createElement('div', {className: 'footer-center'}, Context.getAttribute('frameCount') + 1),
            React.createElement('div', {className: 'footer-right'}, Context.getAttribute('rightFooter') || '右标题'),
        )
    );
}

/** 致谢页 */
window.ThankFrame = (props) => {
    return React.createElement(Frame, {className: componentClass(props, 'simple-thank-frame')},
        React.createElement('div', {className: 'title'},
            props.title || '谢谢观看！'
        )
    );
}